{% load i18n %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml/DTD/xhtml-transitional.dtd">
<html>
	<head>
		{% block include_css %}
			<link href="{{ MEDIA_URL }}/css/base.css" type="text/css" rel="stylesheet">
		{% endblock %}
		
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
		{% block javascript_additionals %}
		{% endblock %}
		
		<title>
			{% block html_title %}
				{% trans "Pagina Principal" %}
			{% endblock %}
		</title>

		{% block css_styles %}
			<!-- In this block goes all the css styles that aren't in an external file. -->
		{% endblock %}

		<script text="text/javascript">
			{% block javascript_functions %}
				// In this block goes all the javascript functions that aren't in an external
				// file 
			{% endblock %}

            $(document).ready(function(){
			    {% block function_on_load %}
				    // Function to be executed on the onload
			    {% endblock %}
            });
		</script>
	</head>
	<body>
		<div id="frame">
			<table id="layout" cellspacing="0" cellpadding="0" border="0">
				{% block header %}
					<!-- In this block the header and menu should appear -->
				{% endblock %}	
				{% block maincontent %}
					<!-- The main content of the page. -->
				{% endblock %}
				{% block footer %}
					<!-- The footer of the page -->
				{% endblock %}
			</table>
		</div>
	<body>
</html>
